<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery/jquery1.9/jquery-1.9.0.js"></script>
    <script>

        //使用原始的javascript
        window.onload=function(){
            // var p=document.querySelector("p");
            // p.style.background="yellow";
            // p.style.fontSize="30px";
        };

        //使用jQuery的方式
        // $(document).ready(函数);文档就绪方法，表示的页面加载后只需参数中的函数，作用类似于window.onload
        // $(document).ready(函数)可以简写为$(函数)
        // $(document).ready(function(){
        //     $("p").css("background","red");
        // });
        $(function(){
            // $("p").css("background","red");
        });
        window.onload=function(){
            console.log("aa");
        };
        window.onload=function(){
            console.log("bb");
        };
        window.onload=function(){
            console.log("cc");
        };
     
        $(function(){
            console.log(111);
        });
        $(function(){
            console.log(222);
        }); 
        $(function(){
            console.log(333);
        });

      
        // window.onload和$(function(){})之间的区别：
        // 1.个数不同
        // 2.执行顺序不同
        // 3.简写方式
    </script>
</head>
<body>
    <p>p1</p>
    <div>div</div>
</body>
</html>